<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Title</title>
    <%@ include file="common.jsp" %>
    <script type="text/javascript" src="/static/js/integralitem.js"></script>
    <style type="text/css">
        span {
            font-size: 15px;
            font-weight: bold;
        }
    </style>
</head>
<body>
<div class="easyui-layout" data-options="fit:true">
    <!--上-->
    <div data-options="region:'north',split:true" style="height: 265px;">
        <div class="easyui-layout" data-options="fit:true">
            <!--上左-->
            <div data-options="region:'west',split:true,border:false" style="width:580px;">
                <table id="clientTab" border="0" align="center" style="width: 500px;margin-top: 30px;">
                    <tr>

                        <td colspan="4" align="center"><img src="/static/images/xxx.jpg" alt=""></td>

                    </tr>
                    <tr style="height: 15px;"></tr>
                    <tr></tr>
                    <tr>
                        <td><span>会员:</span></td>
                        <td><span tag="name" style="color: green"></span></td>
                        <td><span>等级:</span></td>
                        <td><span tag="level" style="color: green"></span></td>
                    </tr>
                    <tr style="height: 15px;"></tr>
                    <tr></tr>
                    <tr>
                        <td><span>余额:</span></td>
                        <td style="width: 130px;"><span tag="balance" style="color: green"></span></td>
                        <td><span>卡号:</span></td>
                        <td style="width: 130px;"><span tag="number" style="color: green"></span></td>
                    </tr>
                    <tr style="height: 15px;"></tr>
                    <tr></tr>
                    <tr>
                        <td><span>生日:</span></td>
                        <td><span tag="birthday" style="color: green"></span></td>
                        <td><span>积分:</span></td>
                        <td><span tag="integral" style="color: green"></span></td>
                    </tr>
                    <tr>

                    </tr>
                </table>
            </div>
            <!--上右-->
            <div data-options="region:'east',split:true" style="width: 585px;">
                <table id="clientDataGrid"></table>
            </div>

        </div>
    </div>
    <!--下-->
    <div data-options="region:'south',split:true" style="height: 300px;">
        <div class="easyui-layout" data-options="fit:true">
            <!--下左-->
            <div data-options="region:'west',split:true,border:false" style="width:590px;">
                <form method="post" id="rechargeService_form">
                    <table border="0" style="width: 300px;margin-top:30px;margin-left: 100px">

                        <tr>
                            <td><span>充值积分:</span></td>
                            <td><input name="changeIntegral" id="incomeText" class="easyui-numberbox" required="true" style="width: 150px"/></td>
                        </tr>
                        <tr>
                        </tr>
                        <tr>
                            <td><input name="client.id" type="hidden" id="clientId" value="0"></td>
                        </tr>
                        <tr>
                            <td><input name="operation" type="hidden" value="1"></td>
                        </tr>
                    </table>
                    <table border="0" style="width: 500px;margin-top:10px;margin-left: 100px">
                        <tr>
                            <td><span>备注信息:</span></td>
                            <td><input name="info" class="easyui-textbox" style="width: 200px;height: 60px;"
                                       data-options="prompt:'请输入备注,最多50字',multiline:true"></td>
                        </tr>
                    </table>
                    <div style="margin-left: 300px;margin-bottom:10px;">
                        <a class="easyui-linkbutton" onclick="save()">确定</a>
                    </div>
                </form>
            </div>
            <!--下右-->
            <div data-options="region:'east',split:true" style="width: 585px;">
                <table id="integralitemData"></table>
            </div>

        </div>
    </div>
</div>


<!--会员高级查询按钮-->
<div id="itemdata_toolbar">
    <input id="keyword" name="keyword" class="easyui-searchbox"
           data-options="prompt:'输入卡号或者姓名'" style="width:200px"/>
</div>
</body>
</html>
